<?xml version='1.0' encoding='UTF-8' ?>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:h="http://java.sun.com/jsf/html"
                >

    <label for="employeeName"><h:outputText value="#{msg['name']}"/></label>
    <h:inputText validator="#{employeeValidator.validateName}" id="employeeName" value="#{employeeManager.name}"/>
    <h:message for="employeeName" errorClass="invalid" />
    <label for="employeeBirthDay"><h:outputText value="#{msg['employee.birthDay']}"/></label>
    <h:inputText autocomplete="off" validator="#{employeeValidator.validateBirthDate}" class="datepicker" id="employeeBirthDay" value="#{employeeManager.birthDate}"/>
    <h:message for="employeeBirthDay" errorClass="invalid" />
    <label for="employeeRole"><h:outputText value="#{msg['employee.role']}"/></label>
    <h:selectOneMenu id="employeeRole" value="#{employeeManager.role}">
        <f:selectItem itemLabel="#{msg['DeliveryBoy']}" itemValue="DeliveryBoy" />
        <f:selectItem itemLabel="#{msg['Manager']}" itemValue="Manager" />
    </h:selectOneMenu>
    <label for="employeePassword"><h:outputText value="#{msg['employee.password']}"/></label>
    <h:inputText validator="#{employeeValidator.validatePass}" id="employeePassword" value="#{employeeManager.password}"/>
    <h:message for="employeePassword" errorClass="invalid" />
</ui:composition>

